<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>

</head>

<body>
<div id="EnterPurchaseAndOrdesdetail">
    <!--标题 -->
    <fieldset>
        <legend style="color:blue;font-weight:bold;" align="center" font-size="38px">采购单项目主单详情</legend>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-3" align="center"><label>采购单位名称:</label></div>
            <div class="am-u-sm-4" align="left"><input type="text" placeholder="单位名称"
                                                       v-model="urchaseAndOrdersdetail.company_name"
                                                       style="width:99%"></div>
            <div class="am-u-sm-1" align="center"><label>联系人:</label></div>
            <div class="am-u-sm-2" align="left"><input type="text" placeholder="联系人"
                                                       v-model="urchaseAndOrdersdetail.lxr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-1" align="center"><label>联系电话:</label></div>
            <div class="am-u-sm-1" align="left"><input type="text" placeholder="联系电话"
                                                       v-model="urchaseAndOrdersdetail.phone"
                                                       style="width:99%"></div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-3" align="center"><label>项目名称:</label></div>
            <div class="am-u-sm-4" align="left"><input type="text" placeholder="项目名称"
                                                       v-model="urchaseAndOrdersdetail.entry_name"
                                                       style="width:99%"></div>
            <div class="am-u-sm-1" align="center"><label>采购预算:</label></div>
            <div class="am-u-sm-2" align="left"><input type="text" placeholder="采购预算金额"
                                                       v-model="urchaseAndOrdersdetail.bhdget_amount"
                                                       style="width:99%"></div>
            <div class="am-u-sm-1" align="center"><label>采购类别:</label></div>
            <div class="am-u-sm-1" align="left">
                <select v-model="urchaseAndOrdersdetail.category">
                    <option disabled value="">-请选择-</option>
                    <option>货物</option>
                    <option>工程</option>
                    <option>服务</option>
                </select></div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-3" align="center"><label>财政拨款（补助）收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="财政拨款（补助）收入"
                                                       v-model="urchaseAndOrdersdetail.czbksr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-4" align="center"><label>纳入预算管理的行政事业性收费:</label></div>
            <div class="am-u-sm-3" align="left"><input @blur="onChange" type="text" placeholder="纳入预算管理的行政事业性收费"
                                                       v-model="urchaseAndOrdersdetail.ysxzsysf"
                                                       style="width:99%"></div>
        </div>
        </br>

        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-3" align="center"><label>纳入预算管理的政府性基金:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="纳入预算管理的政府性基金"
                                                       v-model="urchaseAndOrdersdetail.yszfxjj"
                                                       style="width:99%"></div>
            <div class="am-u-sm-4" align="center"><label>纳入预算管理的其他政府非税收入:</label></div>
            <div class="am-u-sm-3" align="left"><input @blur="onChange" type="text" placeholder="纳入预算管理的其他政府非税收入"
                                                       v-model="urchaseAndOrdersdetail.ysqtzffssr"
                                                       style="width:99%"></div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" align="center"><label>纳入财政专户管理的政府非税收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="纳入财政专户管理的政府非税收入"
                                                       v-model="urchaseAndOrdersdetail.czzhggfsssr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-3" align="center"><label>上级财政转移支付:</label></div>
            <div class="am-u-sm-3" align="left"><input @blur="onChange" type="text" placeholder="上级财政转移支付"
                                                       v-model="urchaseAndOrdersdetail.sjczzyzf"
                                                       style="width:99%"></div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-2" align="center"><label>事业收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="事业收入"
                                                       v-model="urchaseAndOrdersdetail.sysr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-2" align="center"><label>经营收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="经营收入"
                                                       v-model="urchaseAndOrdersdetail.yysr"
                                                       style="width:99%"></div>

            <div class="am-u-sm-2" align="center"><label>上级补助收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="上级补助收入"
                                                       v-model="urchaseAndOrdersdetail.sjbzsr"
                                                       style="width:99%"></div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-2" align="center"><label>附属单位上缴收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="附属单位上缴收入"
                                                       v-model="urchaseAndOrdersdetail.fsdwsjsr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-2" align="center"><label>其他收入:</label></div>
            <div class="am-u-sm-2" align="left"><input @blur="onChange" type="text" placeholder="其他收入"
                                                       v-model="urchaseAndOrdersdetail.qtsr"
                                                       style="width:99%"></div>
            <div class="am-u-sm-2" align="center"><label>年初预算合计:</label></div>
            <div class="am-u-sm-2" align="left">{{urchaseAndOrdersdetail.total}}</div>
        </div>
        </br>
        <div class="am-g" align="left" style="width:90%" v-if="urchaseAndOrdersdetail.type === '待审核'">
            <div class="am-u-sm-2" align="center"><label>采购组织形式:</label></div>
            <div class="am-u-sm-2" align="left"><select v-model="urchaseAndOrdersdetail.cgxs">
                <option disabled value="">-请选择-</option>
                <option>政府集中采购</option>
                <option>部门集中采购</option>
                <option>分散采购</option>
            </select>
            </div>
            <div class="am-u-sm-2" align="center"><label>委托代理机构:</label></div>
            <div class="am-u-sm-2" align="left"><select v-model="urchaseAndOrdersdetail.wtdljg">
                <option disabled value="">-请选择-</option>
                <option>政府集中采购机构</option>
                <option> 社会代理机构</option>
            </select>
            </div>
            <div class="am-u-sm-2" align="center"><label>采购方式:</label></div>
            <div class="am-u-sm-2" align="left"><select v-model="urchaseAndOrdersdetail.zfcgfs">
                <option disabled value="">-请选择-</option>
                <option>公开招标</option>
                <option>邀请招标</option>
                <option>竞争性谈判</option>
                <option>询价</option>
                <option>单一来源</option>
                <option>竞争性磋商</option>
                <option>协议供货</option>
                <option>定点采购</option>
            </select>
            </div>
        </div>
        </br>
    </fieldset>
    <fieldset>
        <legend style="color:blue;font-weight:bold;" align="center" font-size="20px">采购单清单</legend>
        <table class="am-table am-table-bordered am-table-radius am-table-striped am-table-striped am-table-hover">
            <thead>
            <tr>
                <th style="text-align:center;">品目名称</th>
                <th style="text-align:center;">品目编码</th>
                <th style="text-align:center;">规格型号</th>
                <th style="text-align:center;">主要配置及技术参数</th>
                <th style="text-align:center;">单位</th>
                <th style="text-align:center;">数量</th>
                <th style="text-align:center;">单价</th>
                <th style="text-align:center;">总价</th>
                <th style="text-align:center;">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="shopData in ordersDetails">
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.pmmc}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.pmbm}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.ggxh}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.jscs}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.dw}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.sl}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.dj}}</td>
                <td v-on:click="openAddPurchaseDetils(shopData,urchaseAndOrdersdetail.type)">{{shopData.zj}}</td>
                <td>
                    <button type="button" class="am-btn am-btn-default am-round am-btn-success"
                            v-on:click="EnterData(shopData)">确认完成
                    </button>
                </td>
                </td> </tr>
            </tbody>
        </table>
    </fieldset>
    <!--底部-->
</div>
<script src="../charge/EnterPurchaseAndOrdersdetail.js"></script>
</body>


</html>

